<template>
  <div id="app" >
    <div></div>
    <router-view v-if="isRouterShow"/>
  </div>
</template>

<script>
export default {
  name: 'App',
  provide () {
    return {
      reload: this.reload
    }
  },
  data(){
	    return {
        isRouterShow: true,
	    }
  },
  methods: {
    async reload () {
      this.isRouterShow = false
      await this.$nextTick()
      this.isRouterShow = true
    },
    
  }
}
</script>

<style lang="less">
  body{
    margin: 0;
    overflow-x: auto;
  }
  body>.tangram-suggestion-main{
    z-index: 2500!important;
  }
  body /deep/.v-modal{
    z-index: 100!important;
  }
  #app {
    font-family: Avenir, Helvetica, Arial, sans-serif;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    color: #2c3e50;
  }
  html /deep/ .el-menu--popup{
    min-width: 120px!important;
    margin-top: 12px!important;
    border-radius: 15px;
    text-align: center;
  }
  html /deep/ .el-menu-item{
    border-radius: 15px;
  }
  body /deep/.el-date-range-picker{
    left: 1080px !important;
  }
  body /deep/.swiper-pagination-bullet{
    background: #ffffff;
  }
  body /deep/.el-message-box__content{
    padding: 0;
    width: 100%;
  }
  body /deep/.el-message-box__container{
    position: relative;
    width: 100%;
    height: 100%;
    margin: 0 auto;
  }
  body /deep/.el-message-box__message{
    ul{
      list-style: none;
      padding: 0%;
      display: flex;
      width: 96%;
      flex-wrap: wrap;
      li{
        margin-left: 4%;
        margin-top: 20px;
        &:nth-child(odd){
          width: 20%;
        }
        &:nth-child(even){
          width: 70%;
          text-align: right;
        }
        &:last-child{
          width: 90%;
        }
      }
    }
  }
  body /deep/.dialog-footer>.el-button--primary{
    width: 100%;
    background: #32C1C2;
    border-radius: 15px;
  }
  body .popupcontents  /deep/.el-dialog__wrapper  /deep/.el-dialog  /deep/.el-el-dialog__footer /deep/.dialog-footer /deep/ .el-button--primary {
    width:50%;
  }
  /deep/.video-js .vjs-big-play-button .vjs-icon-placeholder:before ::before{
    content:'',
  }
</style>
